<template>
    <div class="flex bottomBox">
        <div class="boxShadow authorCom">
            <p class="boldTitle">设置权限</p>
            <div class="authPsw">
                <input type="password" v-model="authorPassword" placeholder="请输入授权密码" @click="focusInput">
            </div>
            <div class="flex formBtns">
                <el-button size="small" type="primary" @click="submitForm('ruleForm')">提交</el-button>
            </div>
        </div>
    </div>
</template>

<script>
import { submitAuthor} from '../js/methods'
export default {
    name: 'authorization',
    components:{

    },
    data(){
        return{
           authorPassword:''
        }
    },
    methods:{
        focusInput:function(event){
            
        },
        //提交
        submitForm(formName) {
            submitAuthor(this.authorPassword)
      },
    },

    //属性监听
    watch:{
       
    }

}
</script>

<style scoped lang="less">

 .authorCom{
     background-color: #ffffff;
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
     padding: 10px;
     text-align: left;
     font-size: 14;
     width: 100%;
 }
 .boldTitle{
     font-weight: bold;
     margin-bottom: 7px;
 }
 .authPsw{
     padding: 10px 0;
     border-bottom: 1px solid #eeeeee;
     input{
         width: 100%;
     }
 }
 .formBtns{
     padding: 0 5px;
     margin-top: 15px;
     button{
         width: 100%;
     }
 }
</style>